<template>
    <div class='jobItems'>
        <h1>{{itemObj.title}}</h1>
        <p>{{itemObj.h2_txt}}</p>
        <ul class='areaUl'>
            <li v-for='n in itemObj.area'>{{n}}</li>
        </ul>
        <label>{{itemObj.hr.hr_txt}}</label>
        <span>{{itemObj.salary}}</span> 
        
     </div>
</template>

<script>
export default {
    name: 'job_item',
    data(){
        return{
            msg:'具体的职位的列表',
        }
    },
    props:['itemObj']
  
}
</script>

<style scoped>
.jobItems{
	padding: .3rem 0;border-bottom: .1rem solid #eaeaea;position: relative;
}
ul.areaUl{height: .3rem;margin: 0 0 .2rem .2rem;}
ul.areaUl li{float: left;margin-right: .1rem;
background: #f2f3f5;padding:.02rem .07rem;color: #666; font-size:0.1rem}

.jobItems h1{font-size: .25rem;font-weight: bold;margin:0 0 .1rem .2rem;}
.jobItems p{font-size: .2rem;color: #666;margin:0 0 .1rem .2rem;}
.jobItems label{font-size: .2rem;color: #666;margin:0 0 .1rem .2rem;}
.jobItems span{font-size: .25rem;color: #14c1bb;position: absolute;top: .3rem;right: .3rem;}
</style>